    <!-- Author:Rain -->
<template>
    <!-- <Message show-close message="我是小雨鸽" :duration="0"/> -->
</template>

<!-- 
    1.封装类型属性 
    2.内容动态传入
    3.组件自动关闭
    4.给关闭按钮注册事件

    优化方案：去除外层没必要的元素节点、组件消失进行节点DOM去除

    函数式渲染、非空断言、默认Props、 Omit 特性
 -->

<script setup lang="ts">
// import Message from "../../components/Message/Message.vue"

//下面是函数式引入
import { createMessage } from "../../components/Message/methods"
import {onMounted} from "vue"
onMounted(()=>{
    createMessage({
        message:"小雨 111",
        duration:0
    })
    createMessage({
        message:"小雨 222",
        duration:0
    })
    createMessage({
        message:"小雨 333",
        duration:0
    })
})
</script>

<style scoped>

</style>